<template>
    <div id="box" class="clearfix">
        <div id="pagehead">
            <div id="pageheaddiv"></div>
            <span id="pageheadspan">团课管理</span>
             <!-- <el-button @click="exit" id="pageheadbtn" type="primary" icon="el-icon-user" circle></el-button> -->
        </div>
       <div id="btn1">
            <router-link type="primary" to="/league/leaguecourse" tag="el-button" id="btncourse">团课课程</router-link>
       </div>
         
        <div id="btn2">
            <router-link to="/league/leagueclass" tag="el-button" id="btnclass">团课课表</router-link>
        </div>

        <router-view></router-view>
    </div>
</template>
<script>
export default {
    methods:{
        exit(){
            window.location.href=""
        }
    }
}
</script>
<style scoped lang="less">
*{
    margin: 0;
    padding: 0;
}
.clearfix::after{
    content: '';
    display: block;
    clear: both;
}
#box{
    background: #fff;
}
#btncourse,#btnclass{
    background: #409eff;
    color: #fff;
    margin-top: 10px;
    margin-left: 10px;
}
#btn1{
    text-align: left;
    float: left;
}
#btn2{
    text-align: left;
    float: left;
    margin-left: 10px;
}
#pagehead{
    width: 100%;
    height: 40px;
    background: linear-gradient(90deg,#000,#fff);
}
#pageheaddiv{
    width: 4px;
    height: 30px;
    background: #409eff;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}
#pageheadspan{
    color: #fff;
    float: left;
    line-height: 40px;
    font-weight: bold;
    margin-left: 5px;
}
#pageheadbtn{
    float: right;
    margin-right: 50px;
    background: transparent;
    color: #000;
}
</style>